// HUBSPOT UNIVERSAL CUSTOM JS EMBED

/*
	INFO
	HubSpot Custom Form Embed Script
	JS Version:	v20250910.1-cr
	Client:		Edgesource
	Build:		20250910.1-cr

	DESCRIPTION
	Loads and renders a native HubSpot form via JS (not iframe)
	Pulls UTM/ZoomInfo values from URL or cookies
	Auto-fills matching hidden fields on form render
	Allows per-form embed using data attributes
	Allows for multiple forms on one page
	Forms are loaded as HTML and styled via global page CSS

	REQUIREMENTS
	Must be used with the HubSpot forms library
	Must be embedded using a <script> tag that runs once per page at the bottom

	OPTIONAL
	Add `?autofill_debug=1` to URL if you want to see debug logs in console
*/

(function () {

	// ----- CONFIG (field mappings) --------------------------------------------------------------
	const FIELD_TARGETS = { // ignored if unused
		// UTMs
		utm_source: 'utm_source',
		utm_medium: 'utm_medium',
		utm_campaign: 'utm_campaign',
		utm_content: 'utm_content',
		utm_term: 'utm_term',
		// REFERRER
		referrer: 'referrer',
		// PAGE URL
		page_url: 'page_url',
		// CLICK IDS
		gclid: 'gclid',
		msclkid: 'msclkid',
		fbclid: 'fbclid',
		// ZOOMINFO
		zoominfo_company_name: 'zoominfo_company_name',
		zoominfo_industry: 'zoominfo_industry',
		zoominfo_subindustry: 'zoominfo_subindustry',
		zoominfo_naics: 'zoominfo_naics',
		zoominfo_revenue: 'zoominfo_revenue',
		zoominfo_employee: 'zoominfo_employee',
		// DEMANDBASE
		db_company_name: 'db_company_name',
		db_company_id: 'db_company_id',
		db_web_site: 'db_web_site',
		db_city: 'db_city',
		db_state: 'db_state',
		db_country_name: 'db_country_name',
		db_industry: 'db_industry',
		db_sub_industry: 'db_sub_industry',
		db_employee_range: 'db_employee_range',
		db_revenue_range: 'db_revenue_range',
		db_audience: 'db_audience',
		db_marketing_alias: 'db_marketing_alias'

	};

	// ----- CONFIG (field aliases) ---------------------------------------------------------------
	const ALIASES = { // ignored if unused
		// UTMs
		utm_source: 'utm_source', source: 'utm_source',
		utm_medium: 'utm_medium', medium: 'utm_medium',
		utm_campaign: 'utm_campaign', campaign: 'utm_campaign',
		utm_content: 'utm_content', content: 'utm_content',
		utm_term: 'utm_term', term: 'utm_term',
		// REFERRER
		referrer: 'referrer', document_referrer: 'referrer',
		// PAGE URL
		page_url: 'page_url', url: 'page_url',
		// CLICK IDS
		gclid: 'gclid',
		msclkid: 'msclkid',
		fbclid: 'fbclid',
		// ZOOMINFO
		zi_company_name: 'zoominfo_company_name', zoominfo_company_name: 'zoominfo_company_name',
		zi_industry: 'zoominfo_industry', zoominfo_industry: 'zoominfo_industry',
		zi_subindustry: 'zoominfo_subindustry', zoominfo_subindustry: 'zoominfo_subindustry',
		zi_naics: 'zoominfo_naics', zoominfo_naics: 'zoominfo_naics',
		zi_revenue: 'zoominfo_revenue', zoominfo_revenue: 'zoominfo_revenue',
		zi_employee: 'zoominfo_employee', zoominfo_employee: 'zoominfo_employee',
		// DEMANDBASE
		db_company_name: 'db_company_name',
		db_company_id: 'db_company_id',
		db_web_site: 'db_web_site',
		db_city: 'db_city',
		db_state: 'db_state',
		db_country_name: 'db_country_name',
		db_industry: 'db_industry',
		db_sub_industry: 'db_sub_industry',
		db_employee_range: 'db_employee_range',
		db_revenue_range: 'db_revenue_range',
		db_audience: 'db_audience',
		db_marketing_alias: 'db_marketing_alias'
	};

	// ----- COOKIES ------------------------------------------------------------------------------
	const COOKIE_DAYS = 90;

	// ----- HELPERS ------------------------------------------------------------------------------

	// Scrub query string and enable optional debug mode
	const qs = new URLSearchParams(location.search);
	const DEBUG = qs.get('autofill_debug') === '1';
	const log = (...a) => { if (DEBUG) console.log('[HS Autofill]', ...a); };

	// Case-insensitive lookup of a URL param (returns first match)
	function urlVal(key) {
		let v = qs.get(key);
		if (v != null) return v;
		const L = key.toLowerCase();
		for (const [k, val] of qs.entries()) if (k.toLowerCase() === L) return val;
		return '';
	}

	// Set a simple first-party cookie with optional expiry
	function setCookie(name, value, days = COOKIE_DAYS) {
		const d = new Date(); d.setTime(d.getTime() + days * 864e5);
		document.cookie = `${encodeURIComponent(name)}=${encodeURIComponent(value || '')};expires=${d.toUTCString()};path=/;SameSite=Lax`;
	}

	// Read a cookie value by name
	function getCookie(name) {
		const t = encodeURIComponent(name) + '=';
		const parts = document.cookie ? document.cookie.split(';') : [];
		for (let c of parts) { c = c.trim(); if (c.indexOf(t) === 0) return decodeURIComponent(c.substring(t.length)); }
		return '';
	}

	// Save all alias-matching query params to cookies (preserves values across page visits)
	Object.keys(ALIASES).forEach(a => {
		const v = (urlVal(a) || '').trim();
		if (v) setCookie(a, v);
	});

	// If referrer wasn't in query, fallback to document.referrer
	if (!qs.has('referrer') && document.referrer) {
		setCookie('referrer', document.referrer);
	}

	// Get the best available value for a given logical field (URL param preferred over cookie)
	function valueForTarget(target) {
		const keys = Object.keys(ALIASES).filter(k => ALIASES[k] === target);
		for (const k of keys) { const v = (urlVal(k) || '').trim(); if (v) return v; }
		for (const k of keys) { const v = (getCookie(k) || '').trim(); if (v) return v; }

		// Fallback to document.location.href for page_url
		if (target === 'page_url') return location.href;

		return '';
	}

	// Populate matching hidden fields inside the HubSpot form
	function fillInto(formEl) {
		if (!formEl) return;
		Object.entries(FIELD_TARGETS).forEach(([targetKey, internalName]) => {
			const input = formEl.querySelector(`[name="${CSS.escape(internalName)}"]`);
			if (!input) return; // skips if field doesn't exist
			const cur = (input.value || '').trim();
			const next = valueForTarget(targetKey);
			if (!next || next === cur) return;
			input.value = next;
			input.dispatchEvent(new Event('input', { bubbles: true }));
			input.dispatchEvent(new Event('change', { bubbles: true }));
			log('Filled', internalName, '→', next);
		});
	}

	// ----- RENDER FORM --------------------------------------------------------------------------
	document.addEventListener("DOMContentLoaded", () => {
		// Abort if HubSpot Forms library is missing
		if (!window.hbspt?.forms?.create) {
			log("HubSpot forms library not loaded.");
			return;
		}

		// Find all form targets marked with `data-hubspot-form`
		const targets = document.querySelectorAll('[data-hubspot-form]');
		if (!targets.length) return;

		// Loop through each form target on the page
		targets.forEach(el => {
			const formId = el.getAttribute('data-form-id');
			const target = `#${el.id}`;
			// Warn/skip if attributes are missing
			if (!formId || !el.id) {
				log('Missing formId or element ID on a target div.');
				return;
			}
			// Warn if target element isn't in DOM
			if (!document.querySelector(target)) {
				log(`Warning: Target "${target}" not found in DOM. Form may not render.`);
			}
			// Render HubSpot form into matching container
			window.hbspt.forms.create({
				region: "na1",
				portalId: "45114262", // Replace with Client's HubSpot `PortalID` (never changes)
				formId: formId,
				target: target,
				onFormReady: function ($form) {
					try {
						// Find internal form element and populate hidden fields
						const formEl = ($form?.get?.(0)) || document.querySelector(`${target} form`);
						fillInto(formEl);
					} catch (e) {
						log('onFormReady error', e);
					}
				}
			});
		});
	});

})();